<ion-header>

  <ion-navbar color="headerColor">
    <ion-title>人均产能</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding class="bg-color">

  <div style="font-size: 1.5rem;text-align: center">
          <label>班组日期</label>
          <input [(ngModel)]="bzDate" class="input-text" readonly style="z-index: 9999;" (click)="getDate()">
          <input [(ngModel)]="bzDate_old" type="hidden">

          <label>班组选择</label>
          <input [(ngModel)]="bzSelect" type="radio" name="bzSelect" id="radioA" value="A" (change)="changeQuery()"
                 class="input-radio"><span>A</span>
          <input [(ngModel)]="bzSelect" type="radio" name="bzSelect" id="radioB" value="B" (change)="changeQuery()"
                 class="input-radio"><span>B</span>
            <label>工序</label>
            <select [(ngModel)]="procedureId"   (change)="changeQuery()">
              <option value="{{type.code}}" *ngFor="let type of workProcedures">{{type.name}}</option>
            </select>
  </div>

  <div style="margin-top: 3%">
    <table class="table-list">
      <thead>
      <tr>
        <th width="15%">工序</th>
        <th width="20%">工站</th>
        <th width="15%">产量</th>
        <th width="15%">工站出勤人次</th>
        <th width="15%">人均劳效</th>
      </tr>
      </thead>
      <tbody id="capacity_table_body">
      </tbody>
    </table>
  </div>
</ion-content>
